@charset "utf-8";
/*CSS reset*/
html, body, div, p,ol,ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select,fieldset,legend, button, textarea,iframe, table, marquee,img{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{font-size:12px;}
html{
	min-width:100%; 
	min-height:100%; 
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	}
fieldset{border:0 none;}
legend{display:none;}
textarea,input,button{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
img{ 
  border: 0 none;
  vertical-align:bottom; /*空隙的解决方法*/ 
}
ul, li{ list-style-type: none; }
em{ font-style:normal;}
body{
	font-family:"Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	behavior:url("csshover.htc")/*解决IE6不支持hover的问题*/;
	background-color: #f3f3f3;
    /*overflow-x:hidden;*/
	}
article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary,time{display: block;}
/*文本选择的高亮效果*/
::selection{background:#000; color:#fff;}
::-moz-selection{background:#000; color:#fff;}
::-webkit-selection{background:#000; color:#fff;}
/*文本占位符颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
	color: #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #666;
}
.placeholder{color: #999;}

/*原子类*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left: auto;margin-right: auto;}
.fl{float:left;display:inline;} 
.fr{float:right;display:inline;}
.clearfix:after{
  content:"."; 
  display:block;
  height:0;
  line-height:0; 
  clear:both;
  visibility:hidden;
  }
.clearfix{zoom:1;/*IE6/7*/}
.hide{ display:none;}
.b{ border:1px solid #000000;}
.w{ border:1px solid #ffffff;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.block{ display:block;}
.inline-block{display:inline-block; *display: inline;}
.fw-bold{ font-weight:bold;}
.fw-normal{ font-weight:normal;}
.fs-normal{ font-style: normal;}
.lh36{line-height:36px;}
.lh24{line-height:24px;}
.c-white{ color:#fff;}
.c-blue{ color:#0373cc;}
.c-red{color:#C03;}
.c-gray{color:#999;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.gray-border{ border:1px solid #eaeaea;}
.pointer{ cursor:pointer;}
.Arial{font-family:Arial, Helvetica, sans-serif;}
.over-hidden{overflow:hidden;}
.pos-r{position:relative;}
.pos-a{position:absolute;}
.pos-f{position: fixed;}
.z100{z-index: 100;}
.z200{z-index: 200;}
.z300{z-index: 300;}
.z400{z-index: 400;}
.z500{z-index: 500;}
.z600{z-index: 600;}
.z700{z-index: 700;}
.z800{z-index: 800;}
.z900{z-index: 900;}
.z1000{z-index: 1000;}
.v-middle{vertical-align: middle;}
/*竖排-从右到左*/
.vertical-rl{
  -webkit-writing-mode:vertical-rl;
  writing-mode:vertical-rl;
  writing-mode:tb-rl\9;
}
/*竖排-从左到右 ie6-10不兼容 建议少用*/
.vertical-lr{
  -webkit-writing-mode:vertical-lr;
  writing-mode:vertical-lr;
  writing-mode:lr-tb\9;
}
.transparent{
	filter:alpha(opacity=50);
	-khtml-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
	}
.right_triangle {
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 10px;
  border-color: transparent transparent transparent #008091;
  border-style: dashed dashed dashed solid;
}

/*ie6 hack about position*/
* html, * html body {
	background-image: url(about:blank);/*设置空图片，清除跳变效果*/
	background-attachment: fixed;
}
* html #menu{
	position: absolute;
	bottom: auto;
	top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}
 .ellipsis{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	}
/*a*/
a{blr:expression(this.onFocus=this.blur())/*IE下*/; transition:color ease-in-out .3s/*IE10+、Firefox、chrome、Opera*/;} 
a:focus{outline:none;}/*FF下*/
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#04287e;text-decoration:none;}


/*网页宽度*/
.w1920{
  width:1920px;
  position:relative;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.w1000{
  margin-left: auto;
  margin-right: auto;
  width:1000px;
}
/*Header*/
.backToTop {
	display: none; 
	width: 40px;
	height:40px;
	line-height: 1.2em;
	padding:5px 5px;
	background:url(images/up.png) no-repeat center top;
	text-align: center;
	position: fixed;
	_position: absolute;
	z-index:999;
	right: 50px;
	bottom: 20px;
	_bottom: "auto";
	cursor: pointer;
	opacity: .6;
	filter: Alpha(opacity=60);
  }
#header{
  width: 100%;
  height: 114px;
  background-color:#fff;
  border-bottom: 6px solid #333;
  position: fixed;
  top: 0;
  z-index: 2;
}
.logo{
  display:inline-block;
  width: 351px;
  height: 114px;
  text-indent: -9999px;
  background:url(images/logo.png) no-repeat left center;
} 
/*Menu*/
.menu{
  margin-top: 13px;
  width: auto;
  height:auto;
}
.menu ul{}
.main-nav{
  float: left;
  width: auto;
  height:auto;
  padding: 0 18px;
}
.main-nav a{
  display:block;
  height:auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.main-nav a:link{color:#3f2f1a;text-decoration:none;}
.main-nav a:visited{color:#3f2f1a;text-decoration:none;}
.main-nav a:hover, .main-nav a.active{
  color:#04287e; 
  text-shadow:1px 1px 0 #efefef;
}
.main-nav a.default{color:#3f2f1a; text-shadow:none; background:none;}

.menu-icon{
  display:block;
  background-repeat: no-repeat;
  /*background-position: 0 center;*/
  width: 60px;
  height: 60px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  margin-bottom: 10px;
}
.main-nav a:hover .menu-icon, 
.main-nav a.active .menu-icon{
  border-color: #04287e;
  background-color: #04287e;
}
.icon-home{
  background-image: url(images/index_1.png);
  background-position: center 18px;
}
.main-nav a:hover .icon-home, 
.main-nav a.active .icon-home{
  background-position: center -61px;
}

.icon-about{
  background-image: url(images/index_2.png);
  background-position: center 18px;
}
.main-nav a:hover .icon-about, 
.main-nav a.active .icon-about{
  background-position: center -61px;
}

.icon-news{
  background-image: url(images/index_3.png);
  background-position: center 21px;
}
.main-nav a:hover .icon-news, 
.main-nav a.active .icon-news{
  background-position: center -58px;
}

.icon-products{
  background-image: url(images/index_4.png);
  background-position: center 18px;
}
.main-nav a:hover .icon-products, 
.main-nav a.active .icon-products{
  background-position: center -61px;
}

.icon-contact{
  background-image: url(images/index_5.png);
  background-position: center 16px;
}
.main-nav a:hover .icon-contact, 
.main-nav a.active .icon-contact{
  background-position: center -65px;
}

.icon-lang{
  background-position: center 16px;
}
.icon-lang.en{
  background-image: url(images/index_6.png);
}
.icon-lang.zh{
  background-image: url(images/index_7.png);
}
.main-nav a:hover .icon-lang, 
.main-nav a.active .icon-lang{
  background-position: center -65px;
}

/*Banner*/
#banner,.banner-scroll{
 margin-top: 120px;
}
.banner-scroll{
  height: 541px;
  overflow: hidden;
}
.banner-scroll{background-color: #121212;}
.banner-btn{
 width:100%;
 position:absolute;
 bottom:10px;
 z-index:1;
 text-align:center;
 padding: 10px 0;
}
.banner-btn ul{}
.banner-btn ul li{
  margin-left:4px;
  display:inline-block;
  *display:inline;
  width:10px;
  height:10px;
  background-color:#fff;
  cursor:pointer;
  border-radius:5px;
  zoom:1;
}
.banner-btn ul li.active{background-color:#003b9f;}
.banner-arrow{
 width: 50px;
 height: 50px;
 position: absolute;
 top: 42%;
 z-index: 1;
 background-image: url(images/banner_arrow.png);
 background-repeat: no-repeat;
 cursor: pointer;
 opacity:0.5;
 filter:alpha(opacity=50);
}
.banner-arrow:hover{
 opacity:1;
 filter:alpha(opacity=100);
}
.banner-prev{background-position: 0 0; left: 0;}
.banner-next{background-position: -50px 0; right: 0;}

/*Content*/
.content{
	margin:0 auto;
	width:1002px;
	padding:20px 0 0 0;
	}

.about{}

.products{
  background-color: #fff;
  padding: 30px 0;
}
.products-title{width: 175px;}
.products-nav{width: 175px; font-size: 0;}
.products-nav a{
  margin-top: 8px;
  margin-right: 5px;
  display: inline-block;
  padding: 5px 10px;
  color: #333;
  border: 1px solid #d3d3d3;
  font-size: 12px;
}
.products-nav a:hover{
  border-color: #04287e;
  background-color: #04287e;
  color: #fff;
}
.products-content{width: 770px; height: 255px; overflow: hidden;}
.products-content ul{}
.products-list{
  margin: 0 6px;
  float: left;
  display: inline;
  width: 249px;
}
.products-photo,
.products-photo img{
  width: 249px;
  height: 221px;
}
.products-name{
  padding: 0 35px 0 20px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  position: relative;
}
.products-name:after{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: #04287e url(images/index_8.png) no-repeat center center;
}

.panel{
  padding: 6px 6px 20px 6px;
  background-color: #fff;
  position: relative;
  z-index: 0;
}
.panel:after{
  content: '+';
  position: absolute;
  bottom: -12px;
  left: 50%;
  z-index: -1;
  margin-left: -27px;
  width: 54px;
  height: 29px;
  padding-top: 15px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  color: #04287e;
  font-size: 24px;
  font-family:"宋体";
}
.panel-title{margin-top: 18px;}
.panel-photo{}
.panel-photo img{
  border-bottom: 3px solid #04287e;
  vertical-align: bottom;
}
.panel:hover{
  background-color: #04287e;
}
.panel:hover .panel-title,
.panel:hover .panel-subtitle{color: #fff;}
.panel:hover .panel-photo img{
  border-color: #ae1421;
}
.panel:hover:after{color: #fff; background-color: #04287e;}

/*Sidebar*/
.sidebar{width:230px; height:auto; background-color:#fafafa;}
.sidebarTitle{
	width:230px; 
	height:40px;
	line-height:40px;
	text-align:center; 
	font-size:17px; 
	color:#fff;
	background: linear-gradient(top,#04287e,#1e4299);
	background: -webkit-linear-gradient(top,#04287e,#1e4299);
	background: -moz-linear-gradient(top,#04287e,#1e4299);
	background: -ms-linear-gradient(top,#04287e,#1e4299);
	background: -o-linear-gradient(top,#04287e,#1e4299);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04287e', endColorstr='#1e4299'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#04287e', endColorstr='#1e4299')"; /* IE8 */
	}
.sidebarContent{
	width:228px; 
	height:auto; 
	padding:5px 0 10px 0;
	border:1px solid #eee;
	}
  .items{height:auto;}
  .items li{
	  margin:0 auto;
	  width:210px; 
	  height:43px;
	  padding:3px 0 0 0; 
	  border-bottom:1px solid #eeeeee; 
	  
	  }
  .items li a{
	  display:block; 
	  width:210px; 
	  height:40px; 
	  line-height:40px;
	  font-size:14px; 
	  text-align:center;
	  text-overflow:ellipsis;
	  white-space:nowrap;
	  overflow:hidden;
	  }
  .items li a:link{color:#333;text-decoration:none;}
  .items li a:visited{color:#333;text-decoration:none;}
  .items li a:hover,.items li a.active{color:#0c85d1;text-decoration:none; font-weight:bold; background-color:#f4f5f3;}
  .items li a.default{color:#333; font-weight:normal; background-color:transparent;}
  
  /*产品分类*/	
  .items li.firstLevel{}
  .items li.firstLevel a{
	  text-align:left; 
	  text-indent:25px;
	  font-size:15px; 
	  font-weight:bold;
	  }
  .items li.secondLevel{
	  width:210px;
	  height:25px;
	  margin-top:3px;
	  background:#f6f8f8 url(images/dot_1.png) no-repeat 10% center;
	  border-bottom:0 none;
	  }
  .items li.secondLevel a{
	  display:block;
	  width:210px;
	  height:25px;
	  line-height:25px;
	  font-size:12px;
	  text-align:left;
	  text-indent:35px;
	  }
  .items li.secondLevel.thirdLevel{background-position:15% center;}
  .items li.secondLevel.thirdLevel a{text-indent:45px;}
  .items li.secondLevel a:link{color:#4e4c4c;text-decoration:none;}
  .items li.secondLevel a:visited{color:#4e4c4c;text-decoration:none;}
  .items li.secondLevel a:hover,
  .items li.secondLevel a.active{
	  /*color:#336699;*/
	  text-decoration:underline;
	  font-size: 13px;
	  color:#fff;
	  background-color:#336699;
	  }
   .items li.secondLevel.thirdLevel a:hover,
   .items li.secondLevel.thirdLevel a.active{
	  color:#fff;
	  background-color:#9EA5A7;
	  font-weight: normal !important;
	  }

/*right*/
.right{
	width:100%; 
	height:auto;
}
.products_right{
    width:710px; height:auto;
}
  .right_title{
	  width:100%; 
	  height:37px; 
	  line-height:37px;
      border-bottom:1px solid #dbdbdb;
	  overflow:hidden;
	  }
    .tit{
		font-size:16px; 
		margin:0 0 0 10px;
		letter-spacing:1px; 
		color:#0093dd; 
		}
    .location{ margin:0 15px 0 0;}
	
  .right_content{width:980px; height:auto; line-height:24px; padding:25px 10px 15px 10px; overflow:hidden;}
  .products_right .right_content{width:690px;}
  .right_content p{margin-bottom:12px;}
  .rightContact{width:100%; min-height:213px; _height:213px; background:url(images/contact.png) no-repeat right center;}
  .noInfo{width:100%;height:300px;line-height:300px;text-align:center;font-size:34px;}
  
  /*照片墙*/
  .image_gallery{overflow:hidden;}
  .image_gallery li{margin:0 0 15px 23px;float:left;display:inline;}
   .ig_bg{
	   width:200px; 
	   height:150px; 
	   border:1px solid #e9eaec; 
	   background-color:#f1f3e5;
	   }
   .ig_bg:hover{background-color:#ecede5; opacity:0.8; filter:alpha(opacity=80);}
  
  .newsItems{padding-bottom:10px;}
	.news_lists{border-bottom: 1px dotted #979ba6;line-height:35px; height:35px;}
	
	/*新闻最终页*/
  .new_banner{
	  width:100%;
	  height:28px;
	  line-height:28px;
	  margin:15px 0;
	  background-color:#dddee2;
	  }
	.pubTime{display:inline-block;}
  .browse{margin-left:20px;}
  .bottom_line{height:10px;border-top:1px dotted #bebdbd;width:100%;margin-top:20px;} 
  .goBack{color:#7b0002;margin-right:10px;margin-top:10px;}
  
  /*Feedback*/
.feedback{
	width:500px;
	height:auto;
	margin:auto;
	overflow:hidden;
	}
.feedback_title{
	width:85px;
	height:30px;
	line-height:30px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	border-bottom:2px solid #30c375;
	}

.feedback p{padding:2px;zoom:1;overflow:hidden;}
.feedback label{width:60px; display:block; height:28px; line-height:28px;font-weight:700;}
.form_textarea{
	width:462px;
	padding:10px;
	background-color:#f2f2f2;
	resize:none;
	}
.form_text{
	height:22px;
	line-height:22px;
	padding-left:5px;
	background-color:#f2f2f2;
	}
.w221{width:221px;}
.w475{width:475px;}
.postsubmit{
	width:150px;
	height:30px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background-color:#b12023;
	border:0 none;
	}

/*Footer*/
#footer{
  padding: 15px 0;
  background-color: #333;
  line-height: 24px;
  color: #fff;
}
#footer a{color: #fff;}



/*分页*/
.page{ height:50px; line-height:50px; text-align:center;}
.page_turner{padding:4px 0px 0px 1px; display:inline-block;}
.page_turner a, .page_turner span{ display:inline-block;border:1px solid #db212f;padding:3px 7px;margin-left:4px;line-height:14px;}
.page_turner a:link, .page_turner a:visited{text-decoration:none;}
.page_turner a:hover, .page_turner a.c{background:#db212f;color:#fff}